<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
	</head>

	<body>
		<p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p>

		<div id="container" style="width:500px">

			<div id="header" style="background-color:#FFA500;">
				<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

			<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
				<b>Menu</b>
				<br> HTML
				<br> CSS
				<br> JavaScript
			</div>

			<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
				Content goes here</div>

			<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
				Copyright © W3CSchool.cc</div>

		</div>

		<table width="500" border="0">
			<tr>
				<td colspan="2" style="background-color:#FFA500;">
					<h1>Main Title of Web Page</h1>
				</td>
			</tr>

			<tr>
				<td style="background-color:#FFD700;width:100px;">
					<b>Menu</b>
					<br> HTML
					<br> CSS
					<br> JavaScript
				</td>
				<td style="background-color:#eeeeee;height:200px;width:400px;">
					Content goes here</td>
			</tr>

			<tr>
				<td colspan="2" style="background-color:#FFA500;text-align:center;">
					Copyright © W3CSchool.cc</td>
			</tr>
		</table>
	</body>

</html>